body {
	padding: 0 100px;
	/* background-color: #000000; */
}

/* 设置滚动条 */
#app {
	width: 100%;
	height: 510px;
	overflow: scroll;
	overflow-x: hidden;
}

/* 滚动条样式 */
/* 滚动条整体 */
#app::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #FC6C62;
}

/* 滚动条的轨道（里面装有Thumb） */
#app::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/* 滚动条里面的小方块 */
#app::-webkit-scrollbar-thumb {
	background: #FC6C62;
	border-radius: 100px;
}

/* 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置 */
#app::-webkit-scrollbar-button {
	/* 去除 */
	display: none;
}

/* 歌单基本信息 */
.header {
	/* background-color: #0000FF; */
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 5px 5px 0px 0px;
	padding: 10px;
	position: relative;
	width: 100%;
}

/* 歌单图片 */
.img img {
	width: 180px;
	height: 180px;
	/* 居中显示多余的会被裁剪 */
	object-fit: cover;
	border-radius: 7px;
	display: inline-block;
}

/* 基本信息 */
.topInfo {
	/* box-sizing: border-box; */
	padding: 0px;
	/* background-color: #00FF00; */
	display: inline-block;
	position: absolute;
	margin-left: 20px;
}

/* 歌单名字 */
.topInfo .topName {
	margin-top: -10px;
	/* background-color: #0161FF; */
}

.topName h1 {
	/* display: inline-block; */
}

/* 介绍 */
.topInfo .remarks {
	margin-bottom: 35px;
	font-size: 14px;
	color: #9FB0BC;
}

.topInfo .userName span:hover {
	color: #FC6C62;
}

/* 专辑相关操作 */
.topInfo .sheetButtons {
	position: relative;
}

/* 专辑相关操作按钮 */
.topButtons .button {
	display: inline-block;
	background-color: #FC6C62;
	width: 110px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-right: 10px;
	/* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); */
}

.button:hover {
	background-color: #DE4B40;
}

.button:active {
	transform: scale(0.98);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.topButtons .button:nth-child(2) {
	background-color: #E1E1E1;
	color: #000000;
}

/* 其他操作 */
.topButtons .otherButton {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #E1E1E1;
	border-radius: 50%;
}

/* 歌单主体 */
.main {
	box-sizing: border-box;
	padding: 0 0px;
	/* background-color: red; */
}

/* 歌单歌曲列表上方的导航 */
.main .main-header {
	position: relative;
	background-color: #fff;
	/* background-color: #00FF00; */
	/* background-color: rgba(102,208,255, 0.8); */
	border-top: 2px solid #FC6C62;
	height: 40px;
	line-height: 40px;
}

.main-header span {
	/* background-color: #0161FF; */
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-right: 60px;
	cursor: pointer;
}

.main-header span:hover {
	color: #FC6C62;
}

/* 导航选中时下方的方块 */
.main-header #hr {
	position: absolute;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	margin-right: 0px;
	background-color: #FC6C62;
	top: 35px;
	left: 20px;
}

.iframDiv {
	width: 100%;
	overflow: hidden;
}

iframe {
	width: 102%;
	height: 600px;
}
.el-dialog{
	margin-bottom: 130px;
	/* margin: 20px; */
}
.el-dialog__wrapper {
	border-radius: 10px;
}

/* 登录框头部样式 */
.el-dialog__header {
	/* border-radius: 5px 5px 0 0; */
	background-color: #FC6C62;
	padding-top: 10px;
}

.el-dialog__headerbtn {
	color: #fff;
	top: 15px;
}

.el-dialog__title {
	/* font-family: "黑体"; */
	color: #fff;
}

.el-tag+.el-tag {
	margin-left: 10px;
}

.button-new-tag {
	margin-left: 10px;
	height: 32px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
}

.input-new-tag {
	width: 90px;
	margin-left: 10px;
	vertical-align: bottom;
}

